<!DOCTYPE html>
<html>
    <head>
        <style>
            #test {
                zoom: 1.666667;
            }
            #test > div {
                display: inline-block;
                width: 110px;
                height: 100px;
                overflow: hidden;
            }
            #test > div > a {
                display: block;
                text-decoration: none;
                border-bottom: 1px solid black;
                margin: 300px 0 10px 0;
            }
        </style>
    </head>
    <body>
        <section id="test">
            <div id="a"><a>Container A</a></div><div id="b"><a>Container B</a></div>
        </section>
        <section>
            <p>
                Tests that scroll offsets have sub-pixel precision.
            </p>
            <p>
                The underlines for both <code>Container A</code> and
                <code>Container B</code> above should line up.
            </p>
        </section>
        <script>
            var elementA = document.getElementById('a');
            var elementB = document.getElementById('b');
            elementA.getElementsByTagName('a')[0].scrollIntoView();
            elementB.getElementsByTagName('a')[0].scrollIntoView();
        </script>
    </body>
</html>
